<template>
  <el-container class="sider-container">
    <el-aside width="200px" class="aside">
      <slot name="menu-content"></slot>
    </el-aside>
    <el-main class="main">
      <slot name="main-content"></slot>
    </el-main>
  </el-container>
</template>

<script setup>
</script>
<style scoped lang="less">
.sider-container {
  height: 100%;
  .aside {
    border-right: 1px solid #E8E8E8;
  }
  .main {
    overflow: hidden;
  }
}

:deep(.el-menu) {
    border-right: 0;
}
</style>